@import '../../../core/index.less';
.orin-sw-restepper-root {
    overflow: hidden;
    dl{
        display: flex;
    }
    dt,
    dd{
        height: 30/@remScale;
        line-height: 30/@remScale;
        text-align: center;
    }
    dt {
        flex: 1;
    }
    dd{
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    &.default{
        background-color: fade(black, 40%);
        border-radius: @dark_borderRadius;
        color: @dark_fontColor;
        dd{
            min-width: 24/@remScale;
            &:hover{
                background-color: @dark_bgHighlightColor2;
            }
        }
    }
    &.circle{
        background-color: @dark_bgBlackColor4;
        border-radius: 30/@remScale;
        color: @dark_fontHighlightColor;
        dd {
            min-width: 30/@remScale;
        }
    }
    .css-triangle-left{
        &:after{
            display: inline-block;
            vertical-align: middle;
            content: '';
            width: 0;
            height: 0;
            border-top: 5/@remScale solid transparent;
            border-right: 5/@remScale solid @dark_bgWriteColor;
            border-bottom: 5/@remScale solid transparent;
        }
    }
    .css-triangle-right{
        &:after{
            display: inline-block;
            vertical-align: middle;
            content: '';
            width: 0;
            height: 0;
            border-top: 5/@remScale solid transparent;
            border-left: 5/@remScale solid @dark_bgWriteColor;
            border-bottom: 5/@remScale solid transparent;
        }
    }
}
